<!--按tab或html:5+tab会自动生文档结构-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--移动端开发设置-->
    <title>Title</title>
</head>
<body>
    <!--1.div:用来布局的，没有具体含义。分层次-->
<div>
    abc
    <div>dbe</div>
</div>
<!--2.hx:标题，从1级到6级，1级标题最大，6级标题最小，会自动加粗，有默认字号-->
    <h1>那艺娜</h1>
    <h2>胡艺莲</h2>
    <h6>万邦迷姐</h6>
<!--3.p:表示段落，相当于一个回车-->
    <p></p>
<!--4.br:生成一个换行符，是一个单标签，可用在p标签内部,通常写作<br/>-->

<!--5.hr:生成一条水平线，主要起装饰作用，他是个单标签-->
<hr/>
<hr width="80%" align="center" color="blue" height="4px" />

<!--6.a:实现链接跳转。target；_blank/_self/_parent/_top-->
    <a href="https://www.baidu.com" title="百度">百度</a>
    <a href="01_HTML文档结构.html" target="_blank">文档结构</a>
    <a href="01_HTML文档结构.html" target="_self">文档结构</a>

<!--7.img:用来加载外部图片或图像。
      src:用来设定加载的图片或图像的路径地址。
      alt:当图像加载不成功时，将显示其内容，否则将不会显示。他也是个单标签，写的时候注意闭合，加上/-->
<img src="https://img.xxxx.com" title="test" alt="商品" />

<!--8.span:作用与div一样，都是用来布局的，不同的是div会独占一行，而spn不会；span用于行内布局，无特殊含义-->
    <div>超蓝我的笔</div>
    <div>举办真好吃</div>

    <span>超蓝我的笔</span>
    <span>举办真好吃</span>

    <!--9.ul/ol:前者是无序列表，后者是有序列表，它们的列表内容东使用的是li标签。-->
    <!--便捷语法：ul>li{li$}*3，然后按Tab键生成，如下-->
    <!--WS的复制快捷键：Ctrl+D-->
    <ul>
        <li>li1</li>
        <li>li2</li>
        <li>li3</li>
    </ul>
    <ol>
        <li>li1</li>
        <li>li2</li>
        <li>li3</li>
    </ol>

    <!--注释的快捷键：Ctrl+shift+/-->
    <!--注意：浏览器不会解析注释的内容-->
<!---->

</html>










































